<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.test {
			width: 223px;
			height: 258px;
			border: 1px solid #ccc;
			margin-top: 100px;
			float: left;
			
			margin-left: -1px;/*  添加的，解决1像素 */
		}
		.test:hover {
			border: 1px solid #f40;
			/*  解决某边框覆盖 */
			position: relative;
		}

/*		.test {
			width: 150px;
            height: 150px;
            border: 1px solid #ccc;
            margin-top: 100px;
            float: left; 
            margin-left: -1px;
            position: relative;
		}
		.test:hover {
            border: 1px solid #f40;
            z-index: 1;

        }*/
	</style>
</head>
<body>
<div class="test">
	<!-- <div class="">热卖</div> -->
</div>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>

</body>
</html>